<template>
	<view>
		<view class="top">
			<view class="title">
					<u-icon name="arrow-left" color="#dbdbdb" size="28" @tap="backer"></u-icon>
					<text>支付成功</text>
			</view>
				<image class="pic1" src="/static/images/wancheng.png" mode=""></image>
				 <text>支付成功</text>
				 <text>已支付￥{{cast}}元</text>
				 <view class="cir">
					 <view class="cir-child"></view>
				 </view>
				<view class="footer">
					<text>立即分享 领取豪礼</text>
					<button>立即分享</button>
					<button @tap="back">返回首页</button>
				</view>
				
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cast:""
			}
		},
		onLoad(cast) {
			this.cast=cast.cast
		},
		methods: {
			back(){
				uni.reLaunch({
					url:"../index/index"
				})
			},
			backer(){
				uni.navigateBack({
					delta:-2
				})
			}
		}
	}
</script>

<style scoped lang="scss">
.top{
	height: 623rpx;
	background-image: url('/static/images/di.png');
	>text{
		display: block;
		width: 300rpx;
		margin: 0 auto;
		text-align: center;
		margin-top: 25rpx;
	}
	>text:nth-of-type(1){
		color: white;
		font-size: 40rpx;
	}>text:nth-of-type(2){
		color: #ffc37e;
		font-size: 40rpx;
	}
	.title{
		padding-top: 50rpx;
		display: flex;
			>text{
				margin-left: 240rpx;
				font-size: 38rpx;
				color: white;
			}
	}
	.pic1{
		display: block;
		width: 100rpx;
		height: 100rpx;
		margin: 30rpx auto 0;
	}
}
.cir{
	width: 200rpx;
	height: 200rpx;
	border-radius: 50%;
	background-color: #ff921e;
	padding: 20rpx 0;
	box-sizing: border-box;
	margin: 20rpx auto;
	.cir-child{
		width: 160rpx;
		height: 160rpx;
		margin: 0 auto ;
		border-radius: 50%;
		background-color: #ffa543;
		background-image: url('/static/images/wanchengtupian.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
}
.footer{
	width: 680rpx;
	margin: 0 auto;
	text-align: center;
	text{
		font-size: 40rpx;
	}
	button{
		border-radius: 50rpx;
		margin: 50rpx auto;
		
	}
	button:nth-of-type(1){
		color: white;
		background-color:#ff931e ;
	}
	button:nth-of-type(2){
		color: #ff931e;
		background-color:white ;
		border: 1px solid #ff931e;
	}
}
</style>
